<!DOCTYPE html>
<html>
<head>
    <title>my blog</title>
    <meta charset="utf-8"/>
    <link rel="stylesheet" type="text/css" href="css/index.css"/>
</head>

<body>
    <header>
        <div class="my_index">
            <div class="brand">
                <a class="my_blog" href="index.html">my world</a>
            </div>
            <div class="my_label">
                <a class="label_title" href="index.html">
                    <img src="images/home_icon.png" class="pic"/>&nbsp;&nbsp;首页
                </a>
                <a class="label_title" href="index.html">
                    <img src="images/paper_icon.png" class="pic"/>&nbsp;&nbsp;归档
                </a>
                <a class="label_title" href="index.html">
                    <img src="images/idea_icon.png" class="pic"/>&nbsp;&nbsp;分类
                </a>
                <a class="label_title" href="index.html">
                    <img src="images/read_icon.png" class="pic"/>&nbsp;&nbsp;读书
                </a>
                <a class="label_title" href="index.html">
                    <img src="images/about_icon.png" class="pic"/>&nbsp;&nbsp;关于
                </a>
            </div>
        </div>
    </header>

    <!--<nav class="menu">-->
        <!--<ul class="my_menu">-->
            <!--<li class="start">导航</li>-->
            <!--<li>-->
                <!--<a href="#" class="wirting">学习笔记（一）</a>-->
            <!--</li>-->
            <!--<li>-->
                <!--<a href="#" class="wirting">学习笔记（二）</a>-->
            <!--</li>-->
            <!--<li>-->
                <!--<a href="#" class="wirting">学习笔记（三）</a>-->
            <!--</li>-->
            <!--<li>-->
                <!--<a href="#" class="wirting">学习笔记（四）</a>-->
            <!--</li>-->
            <!--<li>-->
                <!--<a href="#" class="wirting">学习笔记（五）</a>-->
            <!--</li>-->
        <!--</ul>-->
    <!--</nav>-->

    <div class="my_writing">
        <a name="con1"></a>
        <article class="my_note">
            <aside>
                <div class="essay_list">
                    <p class="time">2015-12-24</p>
                    <a href="index.html" class="list">HTML</a>
                </div>
            </aside>
            <div class="paragraph">
                <h2 class="title">学习笔记（一）</h2>
                <p>123</p>
            </div>
        </article>
        <hr/>

        <a name="con2"></a>
        <article class="my_note">
            <aside>
                <div class="essay_list">
                    <p class="time">2015-12-24</p>
                    <a href="index.html" class="list">CSS</a>
                </div>
            </aside>
            <div class="paragraph">
                <h2 class="title">学习笔记（二）</h2>
                <p>123</p>
            </div>
        </article>
        <hr/>

        <a name="con3"></a>
        <article class="my_note">
            <aside>
                <div class="essay_list">
                    <p class="time">2015-12-24</p>
                    <a href="index.html" class="list">Javascript</a>
                </div>
            </aside>
            <div class="paragraph">
                <h2 class="title">学习笔记（三）</h2>
                <p>123</p>
            </div>
        </article>
        <hr/>

        <a name="con4"></a>
        <article class="my_note">
            <aside>
                <div class="essay_list">
                    <p class="time">2015-12-24</p>
                    <a href="index.html" class="list">JQuery</a>
                </div>
            </aside>
            <div class="paragraph">
                <h2 class="title">学习笔记（四）</h2>
                <p>123</p>
            </div>
            </article>
                <hr/>

                <a name="con5"></a>
                <article class="my_note">
                    <aside>
                        <div class="essay_list">
                            <p class="time">2015-12-24</p>
                            <a href="index.html" class="list">Summary</a>

                        </div>
                    </aside>
                    <div class="paragraph">
                        <h2 class="title">学习笔记（五）</h2>
                        <p>123</p>
                    </div>
                </article>
                <hr/>
    </div>
    <div class="more">
        <a class="more_out" href="index.html">more</a>
    </div>

    <div class="footer">
    <div class="footer-inner container">
        <div class="clear">
            <div class="copyright">
                <p>
                    &copy; Copyright 2015 &mdash; All Rights Reserved.  -MADE BY JOYYUAN
                </p>
            </div>

        </div>
    </div>
    </div>



</body>
</html>